<script>
    $(function() {
        $("#horizontalMenuFC").tabs();
    });
    
    $(function(){
        $('#verticalMenu').tabs({
            select: function(event,ui) {
                $("#horizontalMenuFC *").removeClass("cacher");
            }
        });
    });
</script>
<form id="fcForm" method="POST">
    <script type="text/javascript">
        function visibleFloor(){
            if(document.getElementById('renoveFloorCheck').checked){
                document.getElementById('yearFloorRenove').disabled=false;
            }
            else{
                document.getElementById('yearFloorRenove').disabled=true;
            }            
        }
        function visibleCeiling(){
            if(document.getElementById('renoveCeilingCheck').checked){
                document.getElementById('yearCeilingRenove').disabled=false;
            }
            else{
                document.getElementById('yearCeilingRenove').disabled=true;
            }            
        }
    </script>

    <div id="fc" style="background-color: #cbd4d9">
        <div id="horizontalMenuFC" >
            <div id="content-1" style="background-color: #cbd4d9">
                <?php include('content/floor.php') ?>
            </div>
            <div id="content-2" style="background-color: #cbd4d9">
                <?php include('content/ceiling.php') ?>
            </div>

            <ul>
                <li id="li_facilities_1"><a href="#content-1"><img class="horizontalMenu" src="../images/subMenu/ceilingFloor/floor.png" alt="<?php echo TXT_SUBMENU_FLOOR; ?>" title="<?php echo TXT_SUBMENU_FLOOR; ?>" /></a></li>
                <li id="li_facilities_2"><a href="#content-2"><img class="horizontalMenu" src="../images/subMenu/ceilingFloor/ceiling.png" alt="<?php echo TXT_SUBMENU_CEILING; ?>" title="<?php echo TXT_SUBMENU_CEILING; ?>" /></a></li>
            </ul> 
        </div>
    </div>
</form>